<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }

        .msg {
            padding: 10px;
        }

        .avatar {
            /*float: left;*/
            /*z-index: 1;*/
            width: 100px;
            height: 100px;
        }

        .play {
            /*float: left;*/
            position: relative;
            /*z-index: 2;*/

            left: -100px;
            /*top: 0;*/
            width: 100px;
            height: 100px
        }
    </style>
</head>
<body>

<div class="msg" style="">
    <img class="avatar" src="icon/avatar.jpg">
    <img class="play" src="icon/play.png">
</div>


<!--<div>-->
<!--    <div style="position:absolute;z-index:1;left:10px;top:10px;">-->
<!--        <img src="icon/avatar.jpg"  width="100"  height="100">-->
<!--    </div>-->

<!--    <div style="position:absolute;z-index:2;left:60px;top:60px;">-->
<!--        <img src="icon/play.png"  width="100"  height="100">-->
<!--    </div>-->
<!--</div>-->

<!--<div>-->
<!--    <div style="position:absolute;z-index:1;left:10px;top:10px;">-->
<!--        <img src="icon/avatar.jpg"  width="100"  height="100">-->
<!--    </div>-->

<!--    <div style="position:absolute;z-index:2;left:60px;top:60px;">-->
<!--        <img src="icon/play.png"  width="100"  height="100">-->
<!--    </div>-->
<!--</div>-->

</body>
</html>